// Accordion布局
// Accordion 布局由类Ext.layout.Accordion 定义，名称为accordion，表示可折叠的布局，也就
// 是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码:
// 上面的代码定义了一个容器组件，指定使用Accordion 布局，该容器组件中包含三个子
// 元素，在layoutConfig 中指定布局配置参数animate 为true，表示在执行展开折叠时是否应
// 用动画效果。执行结果将生成如下图所示的界面：

Ext.onReady(function() {
			new Ext.Panel({
						renderTo : "hello",
						title : "容器组件",
						width : 500,
						height : 200,
						layout : "accordion",
						layoutConfig : {
							animate : true
						},
						items : [{
									title : "子元素1",
									html : "这是子元素1中的内容"
								}, {
									title : "子元素2",
									html : "这是子元素2中的内容"
								}, {
									title : "子元素3",
									html : "这是子元素3中的内容"
								}]
					});
		});